<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h3">发表心情</h1>
</div>
<!-- toaster directive -->
<toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
<div class="wrapper-md" ng-controller="moodCtrl">
    <div class="panel panel-default">
        <div class="panel-heading font-bold">
          发表心情
        </div>
        <div class="panel-body">
          <form class="form-horizontal" method="get">
            <div class="form-group">
              <label class="col-sm-2 control-label">标题</label>
              <div class="col-sm-10">
                <input type="text" class="form-control rounded" ng-model="article.title">                        
              </div>
            </div>
            
            <div class="form-group">
                <label class="col-sm-2 control-label">内容</label>
                <div class="col-sm-10">
                  <div class="btn-toolbar m-b-sm btn-editor" data-role="editor-toolbar" data-target="#editor">
                    <div class="btn-group dropdown" dropdown>
                      <a class="btn btn-default" dropdown-toggle tooltip="Font"><i class="fa fa-font"></i><b class="caret"></b></a>
                      <ul class="dropdown-menu">
                        <li><a href data-edit="fontName Serif" style="font-family:'Serif'">Serif</a></li> 
                        <li><a href data-edit="fontName Sans" style="font-family:'Sans'">Sans</a></li>
                        <li><a href data-edit="fontName Arial" style="font-family:'Arial'">Arial</a></li></ul>
                    </div>
                    <div class="btn-group dropdown" dropdown>
                      <a class="btn btn-default" dropdown-toggle data-toggle="dropdown" tooltip="Font Size"><i class="fa fa-text-height"></i>&nbsp;<b class="caret"></b></a>
                      <ul class="dropdown-menu">
                        <li><a href data-edit="fontSize 5" style="font-size:24px">Huge</a></li>
                        <li><a href data-edit="fontSize 3" style="font-size:18px">Normal</a></li>
                        <li><a href data-edit="fontSize 1" style="font-size:14px">Small</a></li>
                      </ul>
                    </div>
                    <div class="btn-group">
                      <a class="btn btn-default" data-edit="bold" tooltip="Bold (Ctrl/Cmd+B)"><i class="fa fa-bold"></i></a>
                      <a class="btn btn-default" data-edit="italic" tooltip="Italic (Ctrl/Cmd+I)"><i class="fa fa-italic"></i></a>
                      <a class="btn btn-default" data-edit="strikethrough" tooltip="Strikethrough"><i class="fa fa-strikethrough"></i></a>
                      <a class="btn btn-default" data-edit="underline" tooltip="Underline (Ctrl/Cmd+U)"><i class="fa fa-underline"></i></a>
                    </div>
                    <div class="btn-group">
                      <a class="btn btn-default" data-edit="insertunorderedlist" tooltip="Bullet list"><i class="fa fa-list-ul"></i></a>
                      <a class="btn btn-default" data-edit="insertorderedlist" tooltip="Number list"><i class="fa fa-list-ol"></i></a>
                      <a class="btn btn-default" data-edit="outdent" tooltip="Reduce indent (Shift+Tab)"><i class="fa fa-dedent"></i></a>
                      <a class="btn btn-default" data-edit="indent" tooltip="Indent (Tab)"><i class="fa fa-indent"></i></a>
                    </div>
                    <div class="btn-group">
                      <a class="btn btn-default" data-edit="justifyleft" tooltip="Align Left (Ctrl/Cmd+L)"><i class="fa fa-align-left"></i></a>
                      <a class="btn btn-default" data-edit="justifycenter" tooltip="Center (Ctrl/Cmd+E)"><i class="fa fa-align-center"></i></a>
                      <a class="btn btn-default" data-edit="justifyright" tooltip="Align Right (Ctrl/Cmd+R)"><i class="fa fa-align-right"></i></a>
                      <a class="btn btn-default" data-edit="justifyfull" tooltip="Justify (Ctrl/Cmd+J)"><i class="fa fa-align-justify"></i></a>
                    </div>
                    <div class="btn-group dropdown" dropdown>
                      <a class="btn btn-default" dropdown-toggle tooltip="Hyperlink"><i class="fa fa-link"></i></a>
                      <div class="dropdown-menu">
                        <div class="input-group m-l-xs m-r-xs">
                          <input class="form-control input-sm" id="LinkInput" placeholder="URL" type="text" data-edit="createLink"/>
                          <div class="input-group-btn">
                            <button class="btn btn-sm btn-default" type="button">Add</button>
                          </div>
                        </div>
                      </div>
                      <a class="btn btn-default" data-edit="unlink" tooltip="Remove Hyperlink"><i class="fa fa-cut"></i></a>
                    </div>
                    
                    <div class="btn-group">
                      <a class="btn btn-default" tooltip="Insert picture (or just drag & drop)" id="pictureBtn"><i class="fa fa-picture-o"></i></a>
                      <input type="file" data-edit="insertImage" style="position:absolute; opacity:0; width:41px; height:34px" />
                    </div>
                    <div class="btn-group">
                      <a class="btn btn-default" data-edit="undo" tooltip="Undo (Ctrl/Cmd+Z)"><i class="fa fa-undo"></i></a>
                      <a class="btn btn-default" data-edit="redo" tooltip="Redo (Ctrl/Cmd+Y)"><i class="fa fa-repeat"></i></a>
                    </div>
                  </div>
                  <div ui-jq="wysiwyg" class="form-control" style="overflow:scroll;height:200px;max-height:200px" contenteditable-model ng-model="article.content">
                    文章内容&hellip;
                  </div>
                </div>
              </div>
           
            <div class="line line-dashed b-b line-lg pull-in"></div>
            <div class="form-group">
              <div class="col-sm-4 col-sm-offset-2">
                <button type="submit" class="btn btn-primary" ng-disabled="!article.title || !article.content || btn_disabled" ng-click="addArticle()">发表</button>
              </div>
            </div>
          </form>
        </div>
      </div>

</div>